<template>
    <div class="category_box">
        <div class="search">
            <van-search
                v-model="value"
                shape="round"
                background="#fff"
                placeholder="请输入商品名称"
            />
        </div>
        <div class="list">
            <LeftView :category="category"></LeftView>
        </div>
    </div> 
</template>

<script>
import LeftView from '@/components/LeftView.vue';
export default {
    name: "CategoryView",
    data() {
        return {
            value: "",
            category:[],
        };
    },
    components: { LeftView},
    async created() {
        let res = await this.$http.getCategoryApI();
        // console.log(res)
        this.category = res.data;
    },
}
</script>

<style lang="less" scoped>
    .list{
        display: flex;
    }
</style>